<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>个人中心-发票列表-双欧</title>
  <meta name="description" content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link href="css/swiper.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/center.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg bg-fff">
  <!--公共头部 header start-->
  <header class="header-index">
    <div class="container posR">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <div class="top-address">
        <span class="location">上海</span>
        <a href="javascript:;" class="change-city">
          切换城市
          <span class="icon bg-btn_arrow_down_line_n"></span>
        </a>
        <p class="more-city-notice">
          您正在浏览上海市双鸥服务，是否 <a href="javascript:;" class="color-blue show-city">切换城市？</a>
          <a href="javascript:;" class="close bg-btn_close_n"></a>
        </p>
        <div class="top-more-city none">
          <span class="city-item">北京</span>
          <span class="city-item city-item-select">上海</span>
          <span class="city-item">广州</span>
          <span class="city-item">深圳</span>
          <span class="city-item">杭州</span>
          <span class="city-item">天津</span>
          <span class="city-item">成都</span>
          <span class="city-item">西安</span>
          <span class="city-item">武汉</span>
          <span class="city-item">重庆</span>
          <span class="city-item">南京</span>
          <a href="javascript:;" class="city-item-more">更多城市＞</a>
        </div>
      </div>
      <div class="header-right">
        <span class="message">我的消息</span>

        <span class="user-name">上海ZARA <em class="icon bg-btn_arrow_down_line_n"></em></span>
        <div class="user-bar bg-bg_xialacaidan none">
          <a href="javascript:;">订单管理</a>
          <a href="javascript:;">地址管理</a>
          <a href="javascript:;">发票管理</a>
          <a href="javascript:;">意见反馈</a>
          <a href="javascript:;">退出登录</a>
        </div>
        <span class="welcome-back">欢迎回来：</span>

      </div>
    </div>
  </header>
  <!--公共头部  header end-->
  <div class="container main my-center-container">
    <!--lef start-->
    <div class="my-center-left">
      <div class="head-icon">
        <img src="images/btn_yourphoto.png" alt="">
      </div>
      <p class="head-name">上海ZARA</p>
      <p class="company-class">
        <span class="icon bg-icon_authentication">企业会员</span>
        企业会员
      </p>
      <hr class="hr-line">
      <div class="slid-bar">
        <a href="javascript:;" class="slid-bar-item a_hover" >基本信息</a>
        <a href="javascript:;" class="slid-bar-item">订单管理</a>
        <a href="javascript:;" class="slid-bar-item">地址管理</a>
        <!--<a href="javascript:;" class="slid-bar-item">合同管理</a>-->
        <p class="slid-bar-item slid-bar-item-sub">
          发票管理
          <span class="icon bg-btn_arrow_down_line_n none"></span>
        </p>
        <div class="slid-bar-item-fp none">
          <a href="javascript:;" class="submenu">发票信息</a>
          <a href="javascript:;" class="submenu">发票列表</a>
          <a href="javascript:;" class="submenu">发票申请</a>
        </div>
        <a href="javascript:;" class="slid-bar-item">意见反馈 <span class="slid-bar-item-msg">2</span></a>
        <a href="javascript:;" class="slid-bar-item">消息通知</a>
      </div>
    </div>
    <!--lef end-->

    <!--right start-->
    <div class="my-center-right">
      <div class="address-top-tit">
        <p class="span01">意见反馈
          <a href="javascript:;" class="qa qa-tit">?</a>
        </p>
        <div class="checkbox-box">
          <form class="layui-form" action="">
            <div class="layui-form-item">
              <label class="layui-form-label">【上海信息科技有限公司】</label>
              <div class="layui-input-block">
                <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
              </div>
            </div>
          </form>

        </div>
      </div>
      <div class="my-center-right-tab-box">
        <table class="layui-table layui-table-feedback" lay-skin="line">
          <colgroup>
            <col width="150">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="60">
            <col width="340">
            <col width="100">
          </colgroup>
          <thead>
          <tr>
            <th>时间</th>
            <th>头像</th>
            <th>微信名</th>
            <th style="padding-left:5px;">
              <select name="lb" id="" class="layui-table-feedback-select">
                <option value="" disabled selected>类别</option>
                <option value="1">保洁</option>
                <option value="1">维修</option>
                <option value="1">绿植</option>
                <option value="1">净化</option>
              </select>
            </th><!--4个类别：保洁、维修、绿植、净化  2个类型：下单、反馈-->
            <th style="padding-left:5px;">
              <select name="lb" id="" class="layui-table-feedback-select">
                <option value="" disabled selected>类型</option>
                <option value="1">下单</option>
                <option value="1">反馈</option>
              </select>
            </th>
            <th>内容</th>
            <th style="text-align: center">操作</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>2018-02-07  10:20</td>
            <td>
              <img class="wx-head-icon" src="images/btn_yourphoto.png" alt="">
            </td>
            <td class="text-ellipsis">二五仔二五仔…</td>
            <td>保洁</td>
            <td>反馈</td>
            <td class="text-ellipsis">请阿姨及时打扫洗手间请阿姨及时打扫洗手姨及时打…</td>
            <td>
              <a href="javascript:;" class="btn-address-edit">详情</a>
              <a href="javascript:;" class="btn-address-delete">删除</a>
            </td>
          </tr>
          <tr>
            <td>2018-02-07  10:20</td>
            <td>
              <img class="wx-head-icon" src="images/btn_yourphoto.png" alt="">
            </td>
            <td class="text-ellipsis">二五仔二五仔…</td>
            <td>维修</td>
            <td>下单</td>
            <td class="text-ellipsis">请阿姨及时打扫洗手间请阿姨及时打扫洗手姨及时打…</td>
            <td>
              <a href="javascript:;" class="btn-address-edit">详情</a>
              <a href="javascript:;" class="btn-address-delete">删除</a>
            </td>
          </tr>
          <tr>
            <td>2018-02-07  10:20</td>
            <td>
              <img class="wx-head-icon" src="images/btn_yourphoto.png" alt="">
            </td>
            <td class="text-ellipsis">二五仔二五仔…</td>
            <td>绿植</td>
            <td>反馈</td>
            <td class="text-ellipsis">请阿姨及时打扫洗手间请阿姨及时打扫洗手姨及时打…</td>
            <td>
              <a href="javascript:;" class="btn-address-edit">详情</a>
              <a href="javascript:;" class="btn-address-delete">删除</a>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
      <div id="page1" class="page-box"></div>
    </div>
    <!--right end-->

  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<!--公共头部  footer end-->
<div class="mask none"></div>
<!--pop top-city start-->
<div class="pop pop-city none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <div class="pop-city-row">
      <p class="name">当前位置：</p>
      <p class="intro">
        <span class="city-item">上海</span>
      </p>
    </div>

    <div class="pop-city-row">
      <p class="name">热门城市：</p>
      <p class="intro">
        <span class="city-item">北京</span>
        <span class="city-item city-item-select">上海</span>
        <span class="city-item">广州</span>
        <span class="city-item">深圳</span>
        <span class="city-item">杭州</span>
        <span class="city-item">天津</span>
        <span class="city-item">成都</span>
        <span class="city-item">西安</span>
        <span class="city-item">武汉</span>
        <span class="city-item">重庆</span>
        <span class="city-item">南京</span>
        <span class="city-item">郑州</span>
        <span class="city-item">济南</span>
        <span class="city-item">厦门</span>
      </p>
    </div>
    <div class="pop-city-row">
      <p class="name name-city">选择城市：</p>
      <div class="intro">
        <div class="infolist">
          <div class="liststyle">
          <span id="Province">
              <i>省</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择省">请选择省</a></li>
              </ul>
              <input type="hidden" name="cho_Province" value="请选择省">
          </span>
          <span id="City">
              <i>市</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择市">请选择市</a></li>
              </ul>
              <input type="hidden" name="cho_City" value="请选择市">
          </span>
          <span id="Area" style="display: none">
              <i>区</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择区">请选择区</a></li>
              </ul>
              <input type="hidden" name="cho_Area" value="请选择区">
          </span>
          </div>
        </div>
      </div>
    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定</a>
    </div>
  </div>
</div>
<!--pop  top-city  end-->

<!--pop 删除后将无法恢复请确认-->
<div class="pop pop-city  none" style="min-height: auto;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit01">
      删除后将无法恢复请确认
    </p>
    <p class="intro01">
      意见删除之后不能恢复<br>
      如有疑问请联系客服：021-55235501
    </p>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定删除</a>
    </div>
  </div>
</div>

<!--pop 保洁反馈-->
<div class="pop pop-city none" style="min-height: auto; margin-top:-354px;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="span01">保洁</span> <span class="span02">2018-02-07  10:20</span>
  </p>
  <div class="cont">
    <p class="tit01 fz16">
      <img class="icon" src="images/btn_yourphoto.png" alt="">
      张四段
    </p>
    <p class="intro02">
      饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水
      机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很
      脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，
      请赶快清
    </p>
    <div class="pop-feedback-swiper">
      <div class="swiper-container swiper-container1">
        <div class="swiper-wrapper ">
               <div class="swiper-slide">
                 <img src="images/banner_home1.png" alt=""><span></span>
               </div>
               <div class="swiper-slide">
                 <img src="images/img_estate.jpg" alt=""><span></span>
               </div>
               <div class="swiper-slide">
                 <img src="images/pic_office.png" alt=""><span></span>
               </div>
               <div class="swiper-slide">
                 <img src="images/banner_login_3.png" alt=""><span></span>
               </div>
               <div class="swiper-slide">
                 <img src="images/customer-img02.jpg" alt=""><span></span>
               </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-white"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next bg-btn_arrow_right"></div>
        <div class="swiper-button-prev bg-btn_arrow_left"></div>
      </div>

    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-submit">去下单</a>
    </div>
  </div>
</div>

<!--pop 保洁反馈2-->
<div class="pop pop-city none" style="width:920px; margin-left:-460px; min-height: auto; margin-top:-257px;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="span01">保洁</span> <span class="span02">2018-02-07  10:20</span>
  </p>
  <div class="cont">
    <div class="pop-feedback-swiper pop-appraise-swiper">
      <div class="swiper-container swiper-container2" >
        <div class="swiper-wrapper ">
          <div class="swiper-slide">
            <img src="images/banner_home1.png" alt=""><span></span>
          </div>
          <div class="swiper-slide">
            <img src="images/img_estate.jpg" alt=""><span></span>
          </div>
          <div class="swiper-slide">
            <img src="images/pic_office.png" alt=""><span></span>
          </div>
          <div class="swiper-slide">
            <img src="images/banner_login_3.png" alt=""><span></span>
          </div>
          <div class="swiper-slide">
            <img src="images/customer-img02.jpg" alt=""><span></span>
          </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-white"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next bg-btn_arrow_right"></div>
        <div class="swiper-button-prev bg-btn_arrow_left"></div>
      </div>
    </div>
    <div class="pop-appraise-right">
      <p class="tit01 fz16">
        <img class="icon" src="images/btn_yourphoto.png" alt="">
        张四段
      </p>

      <div class="start-row mt15">
        <span class="tit">服务质量：</span>
        <div class="star-box">
          <div class="star_evaluate">
            <input type="radio" id="scoreId_1" class="score score_1" name="score" value="1"/>
            <label for="scoreId_1" class="star star_1"></label>
            <input type="radio" id="scoreId_2" class="score score_2" name="score" value="2"/>
            <label for="scoreId_2" class="star star_2"></label>
            <input type="radio" id="scoreId_3" class="score score_3" name="score" value="3"/>
            <label for="scoreId_3" class="star star_3"></label>
            <input type="radio" id="scoreId_4" class="score score_4" name="score" value="4"/>
            <label for="scoreId_4" class="star star_4"></label>
            <input type="radio" id="scoreId_5" class="score score_5" name="score" value="5"/>
            <label for="scoreId_5" class="star star_5"></label>
          </div>
        </div>
        <span class="color-yellow">很好哦</span>
      </div>
      <div class="start-row mb0">
        <span class="tit">服务质量：</span>
        <div class="star-box">
          <div class="star_evaluate">
            <input type="radio" id="scoreId_21" class="score score_1" name="score2" value="1"/>
            <label for="scoreId_21" class="star star_1"></label>
            <input type="radio" id="scoreId_22" class="score score_2" name="score2" value="2"/>
            <label for="scoreId_22" class="star star_2"></label>
            <input type="radio" id="scoreId_23" class="score score_3" name="score2" value="3"/>
            <label for="scoreId_23" class="star star_3"></label>
            <input type="radio" id="scoreId_24" class="score score_4" name="score2" value="4"/>
            <label for="scoreId_24" class="star star_4"></label>
            <input type="radio" id="scoreId_25" class="score score_5" name="score2" value="5"/>
            <label for="scoreId_25" class="star star_5"></label>
          </div>
        </div>
        <span class="color-yellow">超级棒哦~</span>
      </div>
      <p class="intro02">
        饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水
        机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很
        脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，请赶快清理饮水机很脏，
        请赶快清
      </p>
      <div class="sub-tit">
        <span class="span01">服务信息</span>
        <span class="span02">订单号：201839283020313</span>
      </div>
      <div class="sub-cont">
        <img class="icon" src="images/img_estate.jpg" alt="">
        <div class="sub-cont-right">
          <span class="name">单人沙发-普通清洁</span>
          <span class="num">x100</span>
          <span class="price">￥140.00</span>
        </div>
        <div class="pop-btn-box">
          <span class="time">服务时间：2018-01-02</span>
          <a href="javascript:;" class="pop-submit">再次下单</a>
        </div>
      </div>
    </div>

  </div>
</div>

<!--pop 关闭意见反馈箱-->
<div class="pop pop-city none" style="min-height: auto;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit01">
      关闭意见反馈箱
    </p>
    <p class="intro01">
      关闭后将无法在手机上进行订单反馈
      也无法获取同事提交的服务需求信息
    </p>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定关闭</a>
    </div>
  </div>
</div>
<!--pop 已开启意见反馈箱 start-->
<div class="pop pop-city none"  style="min-height: auto;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit01">
      已开启意见反馈箱
    </p>
    <p class="intro01">
      <img class="feedback-qr" src="images/qr.jpg" alt="">
      <span class="feedback-text">
          1、扫一扫关注公众号“双鸥服务”；<br>
          2、搜索贵公司名称上海信息科技有限公司，（个人用户可<br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;搜索自己的名称）进入意见反馈箱查看并评价订单或提<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交反馈；
      </span>
      <span class="feedback-tips">
        Tips：1、可让同事随时随地提交反馈和服务需求订单<br>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2、可在微信公众号中对订单进行评价，方便手机传图。
      </span>
    </p>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-submit">确定关闭</a>
      <a href="javascript:;" class="pop-cancel">取消</a>
    </div>
  </div>
</div>
<!--pop 已开启意见反馈箱 end-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
  layui.use(['form','upload','layedit', 'laydate','laypage','layer'], function(){
    var $ = layui.jquery
        , form = layui.form
        ,upload = layui.upload
        ,laypage = layui.laypage
        ,layer = layui.layer;

    //多图片上传

    //监听指定开关
    form.on('switch(switchTest)', function(data){
      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
        offset: '6px'
      });
   /*   layer.msg(('asda'), {
        skin: 'layui-msg-class',
        offset: 'auto',
        area: ['360px', '60px']
      });*/
    });


    //总页数大于页码总数
    laypage.render({
      elem: 'page1'
      ,count: 70 //数据总数
      ,theme: '#2ea7d6'
      ,jump: function(obj){
        console.log(obj)
      }
    });


  });
</script>

<script type="text/javascript">

  var mySwiper1 = new Swiper('.swiper-container1',{
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev'
  });
  var mySwiper2 = new Swiper('.swiper-container2',{
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev'
  });
</script>
</body>
</html>